<!--  本地存储  localStorage

    数据永久存在
    存储容量大（5MB）
    数据不会随请求发送到服务器（流量消耗小）
    同一个域名下的不同页面共享 Cookie
    同一个域名下的不同页面      共享localStroage


    localStorage.setitem
    localStorage.getitem
    localStorage.removeitem



 -->



<!-- 会话存储   sessionStorage

    窗口关闭，数据清除
    存储容量大（5MB）
    数据不会随请求发送到服务器（流量消耗小）
    不共享



    sessionStorage.setitem
    sessionStorage.getitem
    sessionStorage.removeitem



-->



<!-- cookie
    存储时间过期，数据清除
    存储容量小（4KB）
    数据会随请求发送到服务器（流量消耗大）
    同一个域名下的不同页面      共享Cookie



    document.cookie



-->



















<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>bom存储</title>
</head>

<body>
    <script>
        let students = [
            { "id": 1, "name": "student1" },
            { "id": 2, "name": "student2" },
            { "id": 3, "name": "student3" },
            { "id": 4, "name": "student4" },
        ]

        localStorage.setItem(JSON.parse(students), students)
        console.log(localStorage.setItem("students", JSON.stringify(students)));







    </script>

</body>

</html>